<!--演示组件的一个vue-->
<template>
    <div class='content'>
        <div class='title'>
          组件演示
        </div>
        <div class="show-module">
            <p>引入了Bootstrap,下面是测试</p>
            <br>
            <div>
                <ul class="nav nav-pills">
                    <li role="presentation" class="active"><a >Home</a></li>
                    <li role="presentation" ><a >Profile</a></li>
                    <li role="presentation"><a >Messages</a></li>
                </ul>
                <br>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                        60%
                    </div>
                </div>
                <br>
                <!-- Single button -->
                <div class="btn-group">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Action <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</template>
<script>
    export default {
        name: 'module',
        mounted(){

        },
        created(){

        },
        data () {
            return {
                data:'',
            }
        },
    }
</script>
<style lang='less'>
    .ip-content{
        margin:20px;
    }
    .show-module{
        margin-left: 20px;
        margin-right: 20px;
    }
</style>
